<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="oastaglib" prefix="oas"%>
<html>
<head>
    <title>Online Attendance System</title>
    
    <link rel="stylesheet" type="text/css" href="<c:url value="/resources/bootstrap/dist/css/bootstrap.min.css" /> ">
    <script type="text/javascript" src="<c:url value="/resources/js/jquery/dist/jquery.min.js"/>"></script>
    <script type="text/javascript" src="<c:url value="/resources/bootstrap/dist/js/bootstrap.min.js"/>"></script>
</head>
<body style="background-color:#eeeeee">
<oas:nav/>

<oas:content>
<div style="background-color:#ffffff; width:90%; margin:0 auto; padding:15px 10px;">
    历史考勤页面
    <a href="<c:url value="/attendances" />">返回</a>
    <br/>
    <c:forEach items="${paginationSupport.items }" var="attendance">
    	日期:${attendance.date }
    <!--  	签到时间:${attendance.attendanceTime } -->
    	签到时间:<fmt:formatDate value="${attendance.attendanceTime}"
    							pattern="yyyy-MM-dd HH:mm:ss" />
    						<!-- type="both" />  -->
    	<a href="<c:url value="/attendances/history/${attendance.id}" />">查看详情</a>
    	
						<!--	pattern="yyyy-MM-dd HH:mm:ss" />    -->
    	<br/>
        <hr/>
    </c:forEach>
    <br/>
    每页${paginationSupport.pageSize}条记录， 第${paginationSupport.currentPageNo}/${paginationSupport.totalPageCount}页,共${paginationSupport.totalCount}条记录
    <br/>
    <c:if test="${paginationSupport.previousPage }">
        <a href="<c:url value="/attendances/history?pageNo=${paginationSupport.currentPageNo-1}"/>">上一页</a>
    </c:if>
    <c:if test="${paginationSupport.nextPage }">
        <a href="<c:url value="/attendances/history?pageNo=${paginationSupport.currentPageNo+1}"/>">下一页</a>
    </c:if>
</div>    
</oas:content>
<oas:footer/>
</body>
</html>
